@model Mockingbird.Core.Models.UserPropertiesModel
@section Styles
    {
    <link href="~/Content/style/typica-login.css" rel="stylesheet">
}
@section Scripts
    {
    <script src="~/Scripts/typica-login.js"></script>
}
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </a>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="span6">
            <div class="register-info-wraper">
                <div id="register-info">
                    <h1>
                        You are about 30 seconds away from using this awesome site. Good choice!</h1>
                    <ul dir="rtl">
                        <li>Don't be shy</li>
                        <li>This is an university project</li>
                        <li>!So register right NOW</li>
                        <li>Or don't, who cares</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span6">
            <div id="register-wraper">
                @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { id = "register-form", @class = "form" }))
                {
                    <legend>Register to <span class="blue">Mockingbird</span></legend>
                    <div class="body">
                        <!-- first name -->
                        <div class="control-group control-inline">
                            <label>
                                Name</label>
                            @Html.TextBoxFor(m => m.Name, new { @class = "input-huge" })
                            @Html.ValidationMessageFor(m => m.Name)
                        </div>
                        <!-- email -->
                        <div class="control-group control-inline">
                            <label>
                                E-mail</label>@Html.TextBoxFor(m => m.Email, new { @class = "input-huge" })
                            @Html.ValidationMessageFor(m => m.Email)
                        </div>
                        <!-- password -->
                        <div class="control-group control-inline">
                            <label>
                                Password</label>@Html.PasswordFor(m => m.Password, new
                                           {
                                               @class = "input-huge"
                                           })
                            @Html.ValidationMessageFor(m => m.Password)
                        </div>
                    </div>
                    <div class="footer">
                        <label class="checkbox inline">
                            (By clicking the "Register" button you agree to something you will never read)
                        </label>
                        <button type="submit" class="btn btn-success">
                            Register</button>
                    </div>
                }
            </div>
        </div>
    </div>
</div>
<footer class="white navbar-fixed-bottom">
      Alread have an account? @Html.ActionLink("LogIn", "LogIn", "Account", null, new { @class = "btn btn-black" }) 
    </footer>
